<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
       <title></title>
       <link rel="stylesheet" href="files/styles.css">
       <link rel="stylesheet" href="css/lightbox.css" type="text/css"
media="screen" />
       <script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript"
src="scripts/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
        <script type="text/javascript" src="./scripts/js.js"></script>
</head>
<SCRIPT>
//alert(screen.height);
var bpNum;
</SCRIPT>
<body  background="" onload="">
<div id="wrapper">
       <div id="caption"
style="background-color:#004586;width:100%;margin:auto;overflow:
hidden;">
       <!--img src="./images/uni_logo.png"
style="float:left;width:20%;height:auto;"  border="0"
onclick="a();return false;"-->
       <center><span class=caption id="title">$CAPTION$</span></center>
       </div><!-- /caption-->
<!-- CONTENT-->
 <div id="slide"
style="background-color:#efefef;background-image:url(./images/tuhh_logo_bg_v1.png);width:95%;margin:auto;">
       <center>[New Slide]</center>
       <table style="margin:auto;padding:10px;text-align:center;text-align:center;">
               <tr style="margin:auto;padding:10px;">
                       <td><a href="#">Text Only</a></td>
                       <td><a href="#"></a></td>
               </tr>
               <tr>
                       <td><a href="#">Bullet Points</a></td>
                       <td><a href="#"></a></td>
               </tr>
               <tr style="width:%70;">
                       <td><a href="#">Graphics</a></td>
                       <td><a href="#"></a></td>
               </tr>
               <tr>
                       <td><a href="#">Videos</a></td>
                       <td><a href="#"></a></td>
               </tr>
       </table>
 </div>
       <div id="textOnly">
               <center>
                       <table>
                       <tr>
                               <td style="text-align:center;">Text Only</td>
                       </tr>
                       <tr>
                               <td><textarea name="msj" cols="60" rows="15" class="keyboardInput"
id="msj"></textarea></td>
                       </tr>
                       <tr>
                               <td><input type="button" value="OK"></td>
                       </tr>
               </table>
               </center>
       </div>


       <div id="bulletPoints">
               <center>
                       <table>
                       <tr>
                               <td style="text-align:center;">Bullet Points</td>
                       </tr>
                       <tr>
                               <td>- Add <a href="#"
onClick="if(parseInt(document.getElementById('bpNum').innerHTML)>1)document.getElementById('bpNum').innerHTML=parseInt(document.getElementById('bpNum').innerHTML)-1;return
false;">-</a>
                               <span id="bpNum">1</span>
                               <a href="#" onClick="if(parseInt(document.getElementById('bpNum').innerHTML)<7)document.getElementById('bpNum').innerHTML=parseInt(document.getElementById('bpNum').innerHTML)+1;return
false;">+</a> bullet points.</td>
                       </tr>
                       <tr>
                               <td><input type="button" value="OK" onClick="bpNum=parseInt(document.getElementById('bpNum').innerHTML);alert(bpNum);" ></td>
                       </tr>
               </table>
               </center>
       </div>

       <div id="graphics">
               <center>
               Graphics<br>
                       <table border=1>
                       <tr>
                               <td></td><td></td><td></td>
                       </tr>
                       <tr>
                               <td onmouseOver="this.innerHTML=1"><img src="images/white.png"></td>
                               <td onmouseOver="this.innerHTML=2"><img src="images/white.png"></td>
                               <td onmouseOver="this.innerHTML=3"><img src="images/white.png"></td>
                       </tr>
                       <tr>
                               <td onmouseOver="this.innerHTML=2"><img src="images/white.png"></td>
                               <td onmouseOver="this.innerHTML=4"><img src="images/white.png"></td>
                               <td onmouseOver="this.innerHTML=6"><img src="images/white.png"></td>
                       </tr>
                       <tr>
                               <td onmouseOver="this.innerHTML=3"><img src="images/white.png"></td>
                               <td onmouseOver="this.innerHTML=6"><img src="images/white.png"></td>
                               <td onmouseOver="this.innerHTML=9"><img src="images/white.png"></td>
                       </tr>
                       <tr>
                               <td></td><td><input type="button" value="OK"></td><td></td>
                       </tr>
               </table>
               </center>
       </div>


</div><!-- /wrapper-->
</body>
 </html>